@import '~antd/lib/style/themes/default.less';
@import '~@/utils/utils.less';

.cardList {
  margin-bottom: -24px;
  height: calc(100vh - 200px);
  .card {
      border-radius:6px;
      padding-top:10px;
    box-shadow: 0 3px 10px #ddd !important;
    :global {
      .ant-card-meta-title {
        margin-bottom: 12px;
        & > a {
          display: inline-block;
          max-width: 100%;
          color: #4a4a4a;
          font-weight: 400;
        }
      }
      .ant-card-actions {
        background: #f7f9fa;
      }
      .ant-card-body{
        padding: 4px;
        //margin-top: 10px;

      }
      .ant-card-body:hover {
        .ant-card-meta-title > a {
          color: @primary-color;
        }
      }
      .ant-card-meta{
        //width: 60%;
        float: left;
      }
      .ant-card-meta-avatar{
        margin-top: 10px;
        margin-left: 10px;
      }
      .ant-list-grid .ant-list-item{
        margin-bottom: 35px!important;
      }
    }
  }
  .item {
    height: 32px;
  }

  :global {
    .ant-list .ant-list-item-content-single {
      max-width: 100%;
    }
  }
}

.extraImg {
  width: 195px;
  margin-top: -60px;
  text-align: center;
  img {
    width: 100%;
  }
}

.newButton {
  width: 100%;
  height: 85px;
  //color: @text-color-secondary;
  background-color: #fff;
  //border-radius: @border-radius-sm;
  border:1px dotted #4A90E2;
  cursor: pointer;
  border-radius: 6px;
  text-align: center;
  line-height: 85px;
  color: #4A90E2;
}
.newButton i{
  font-size: 20px;
  font-weight: bold;
  padding-right: 20px;
}
.addButton{
  width: 108%;
  height: 88px;
}
.addButton img{
  width: 100%;
  height: 120px;
  margin-top: -7px;
  margin-left: -17px;
  cursor: pointer;
}

.cardAvatar {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color:#4A90E2;
  border-radius: 50px;
}

.cardDescription {
  .textOverflowMulti();
}

.pageHeaderContent {
  position: relative;
}

.contentLink {
  margin-top: 16px;
  a {
    margin-right: 32px;
    img {
      width: 24px;
    }
  }
  img {
    margin-right: 8px;
    vertical-align: middle;
  }
}

@media screen and (max-width: @screen-lg) {
  .contentLink {
    a {
      margin-right: 16px;
    }
  }
}
@media screen and (max-width: @screen-md) {
  .extraImg {
    display: none;
  }
}

@media screen and (max-width: @screen-sm) {
  .pageHeaderContent {
    padding-bottom: 30px;
  }
  .contentLink {
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 1000px;
    a {
      margin-right: 16px;
    }
    img {
      margin-right: 4px;
    }
  }
}
.icon{
  margin: 0 5px;
}

.colorBackground {
  background-color: #fff;
  border-bottom: 1px solid #e7e7e7;
  min-height: 55px;
}

.title{
  display: flex;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
  span:first-child{
    color: #000;
    font-size: 16px;
    border-left: 5px solid #13c2f3;
    padding-left: 10px;
  }
  span{
    margin: 0 10px;
  }
  .tcpandding{
    flex-grow:1;
  }
}
.composing{
  display: flex;
  justify-content: flex-start;
}
.colorBackgrounds {
  background-color: #ffffff;
  min-height: calc(100vh - 260px);
  padding-top: 0px;

}

.buttongl{
  display: flex;
  align-items: center;
  min-width: 56px;
  height:24px;
  background: #13c2f3;
  padding: 5px 7px 5px 7px;
  color: #ffffff;
  border-radius:5px;
  cursor: pointer;
  white-space : nowrap;
}
.buttongl:active
{
  background-color:rgb(51, 163, 255);
}
.processBtn{
  margin: 0 5px;
}
.cardTool{
  width: 105px;
  height: 68px;
  color: lightgrey;
  line-height: 60px;
  float: right;
  margin-right: 10px;
  i:hover{
    color:blue;
  }
}
:global{
  .ant-list-grid .ant-list-item{
    //border-radius: 10px;
    //overflow: hidden;
  }
}
.checkBtn{
  margin-top: -5px;
  margin-left: 5px;
}
.pageTitle{
  width: 84px;
  height: 24px;
  font-size: 21px;
  font-family: FZLTHJW--GB1;
  font-weight: normal;
  color: rgba(74, 74, 74, 1);
  line-height: 24px;
}
.cardHead{
  width: 44%;
  float: left;
  span{
    line-height: 50px;
  }
}
